<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<div class="mt20 pt10 mr20">
    <section class="no-data__wrap" th:if="${#lists.isEmpty(dataMap['list'])}">
        <span class="no-data-ico"></span>
        <p class="mt20"><span class="c-666">虚位以待，精彩发声~~~</span></p>
    </section>

    <section th:if="not ${#lists.isEmpty(dataMap['list'])}" th:each="comment : ${dataMap['list']}">
        <div class="media">
            <div class="media-left">
                <a href="javascript:void(0)">
                    <img class="media-object img-circle lazy" width="48" height="48" th:attr="data-original=${comment['user']['avatar']}">
                </a>
            </div>

            <div class="media-body">
                <h4 class="media-heading clearfix">
                    <aside class="pull-right">
                        <span class="fs12 c-ccc" th:text="${#strings.substring(comment['createTime'],0,16)}"></span>
                    </aside>
                    <span class="fs14 c-999" th:text="${comment['user']['nickname']}"></span>
                    <span class="ml20 fs14">
                        <i class="fa fa-star c-warning" th:each="index : ${#numbers.sequence(1,comment['multiple'])}"></i>
                        <i th:if="${comment['multiple']} < 5" class="fa fa-star c-ccc" th:each="index : ${#numbers.sequence(1, 5 - comment['multiple'])}"></i>
                    </span>
                </h4>
                <span th:text="${comment['comment']}"></span>
            </div>
            <hr>
        </div>
    </section>
</div>

<!-- 分页，开始 -->
<div data-th-replace="layout/webPage"></div>
<!-- 分页，结束 -->
</html>
